/* CSS Document */
body{
     background:#eff4f7;
	}

#main{ 
	  margin:0% auto; width:100%; 
}
.main,.main-3,.main_5,.main_51{ 
	  margin:0% auto; 
	  background:#fff;
}
.main li{
	  width:94%; 
	  margin-left:3%;
	  padding:3% 0; 
	  color:#2b3b54; 
	  font-size:1.05em; line-height:180%;
	  text-indent:0px; 
	  }
.main span{ 
			position:relative; 
			right:0px;
			float:right; top:0px; width:25%;
         }
		 
.border{ 
        border-bottom:1px solid #cfdcdf; 
		width:90%;
		}
.border11{ border-bottom:1px solid #cfdcdf; width:93%; margin:0 3.5%;}
.borderno{ border-bottom:none;}
.layui-btn{
	display:inline-block;
	line-height:200%; 
	width:100%;
	color:#fff;
	white-space:nowrap;
	text-align:center;
	font-size:0.85em;
	border:none;
	cursor:pointer;
    background: -moz-linear-gradient(left, #00a1fd 0%, #007bff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1fd), color-stop(100%,#007bff));
    background: -webkit-linear-gradient(left, #00a1fd 0%,#007bff 100%);
    background: -o-linear-gradient(left, #00a1fd 0%,#007bff 100%);
    background: -ms-linear-gradient(left, #00a1fd 0%,#007bff 100%);
    background: linear-gradient(to right, #00a1fd 0%,#007bff 100%);
    -webkit-border-radius: 6em;
    -moz-border-radius: 6em;
    border-radius: 6em;
	font-family: "Microsoft YaHei";
  }
.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn:active{opacity:1;filter:alpha(opacity=100)}
.layui-btn+.layui-btn{margin-left:10px}

.main-2{ width:95%; margin:2.5%; background:#fff;
-webkit-border-radius:0.6em;
    -moz-border-radius:0.6em;
    border-radius: 0.6em; float:left;}

.main-2-bar{ float:left; width:48%; border-left:1px solid #cfdcdf; margin-top:2.5%; margin-bottom:2.5%;}
.main-2-bar li{ float:left; width:100%; text-align:center;}

.gray1{ font-size:0.9em; padding:8% 0; color:#333333; margin-top:15%;}
.gray2{ font-size:1.8em; padding:0% 0; color:#a2a1a1;}
.bluetext{ font-size:0.8em; color:#3ebcfe; margin-top:15%;}


.main-3{ 
	  margin:0% auto; 
	  background:#fff; float:left; width:100%;
}
/*20181121修改*/
.font20{ font-size:0.96em; color:#333;}
/*20181121修改*/
.main-2-bar img{ width:30px; height:auto; position:relative; top:8px; margin-right:10px;}
.padding10{ padding:0px 0px 10px;}
.main-4{ 
	  margin:2.5% auto; 
	  background:none; float:left; width:100%;
}
/*20181121修改*/
.main-4-bar{ width:35%; background:#eff4f7;  
-webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em; margin-left:6%; font-size:0.90em; float:left; line-height:180%;}
.main-4-bar img{position:relative; top:5px; left:5px; width:23px; height:auto; margin-right:15px;}
.main-4-bar-center{ width:10%; float:left; background:url(../images/line22.png) center 12px no-repeat ; position:relative; top:5px; margin:0px 10px;}
.padding11{ padding:0px 0px 2px;}
/*20181121修改*/

/*20181121修改*/
.main-5{ margin-bottom:2.5%; margin-top:2%;  background:#fff; float:left; width:100%;}
.main-5 li{width:94%; margin-left:3%;padding:4% 0 2%; color:#2b3b54; font-size:0.95em;text-indent:0px; }  
.font15{position:relative; top:-10px; font-style:normal; left:10px;}
.main-5 span{ position:relative; right:0px;float:right; top:0px;}
.main-5 li img{height:25px; width:auto; position:relative; top:-2px;}
/*20181121修改*/
.fontem{position:relative; top:12px; font-size:0.85em}
.bluetext1{ color:#3ebcfe;}

/*来电提醒开关*/
.chk_3{
    display: none;
}
.chk_3 + label {
	background-color: #fff;
	padding: 11px 13px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 0px;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	width: 30px;
	height: 10px; position:relative; top:5px;
	border:2px solid #e5e5e5;
}

.chk_3  + label:after {
	content: ' ';
	position: absolute;
	top: 0;
	-webkit-transition: box-shadow 0.5s ease-in;
	transition: box-shadow 0.5s ease-in;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}

.chk_3  + label:before {
	content: ' ';
	position: absolute;
	background: white;
	top: 2px;
	left:0px;
	z-index: 999;
	width: 28px;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	height: 28px;
	border-radius: 100px;
	box-shadow: 3px 0px 0px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}

.chk_3:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

.chk_3:active + label:before {
	width: 30px;
}

.chk_3:checked:active + label:before {
	width: 50px;
	left: 0px;
}

.chk_3  + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.chk_3:checked + label:before {
	content: ' ';
	position: absolute;
	left: 27px;
	border-radius: 100px;
}

.chk_3:checked + label:after {
	content: ' ';
	font-size: 1.5em;
	position: absolute;
	background: #008dfe; border:2px solid #008dfe; top:-2px; left:-2px;
}

/*通话记录*/

.main-search{ 
	  margin:0% auto; 
	  background:#fff; height:60px; border-bottom:1px solid #cfdcdf;
}

.main-search li{
	  width:94%; 
	  margin-left:3%;
	  padding:3% 0; 
	  color:#2b3b54; 
	  font-size:1.05em; line-height:180%;
	  text-indent:0px; 
	  }
.main-search span{ 
			position:relative; 
			right:0px;
			float:right; top:0px; width:100%;
         }
		 
.layui-form-item1{ width:100%; background:#eff4f7;clear:both;*zoom:1; float:left; -webkit-border-radius: 6em;
    -moz-border-radius: 6em;
    border-radius: 6em;}
.layui-form-label1{ width:15%; float:left;display:block; text-align:center;}
.layui-form-label1 img{width:63%; position:relative; top:5px;}
.layui-input-block1{position:relative;margin-left:18%; width:70%;line-height:160%; padding-top:2%;font-size:1.0em; color:#a2a1a1;}


.main-search1{ 
	  margin:0 auto; 
	  background:#fff; height:60px; border-bottom:1px solid #cfdcdf;  width:100%; 
}
.main-search1 li{ float:left; width:8%; text-align:center; margin-right:0%}
.main-search1 img{ width:18px; height: auto; position:relative; top:20px;}
.main-search1 span{ float:left; width:33%; line-height:60px; text-align:center; }
.main-search1 span.date1{ float:left; width:20%; line-height:60px; text-align:center;font-size:0.9em;}			 
.main-search1 span.date{ float:left; width:39%; text-align:left;font-size:0.9em; }
.inputdate{background:#eff4f7; -webkit-border-radius: 6em;
    -moz-border-radius: 6em;
    border-radius: 6em; width:37%; height:30px; height:30px; text-align:center;}
	
.selec{ width:100%;
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     -ms-appearance:none;
     background:url(../images/up.png) 90% center no-repeat;
     -o-background-size: 18px 18px;
     -webkit-background-size: 18px 18px;
     height: inherit;
	 font-size:0.9em;}
	 
.selec1{ width:100%;
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     -ms-appearance:none;
     background:url(../images/up1.png) 90% center no-repeat;
     -o-background-size: 18px 18px;
     -webkit-background-size: 18px 18px;
     height: inherit;
	 font-size:0.9em;}
	 
.selec_right{ width:100%;
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     -ms-appearance:none;
     background:url(../images/right1.png) 100% center no-repeat;
     -o-background-size: 18px 18px;
     -webkit-background-size: 18px 18px;
     height: 3em;
	 font-size:1.0em; }

/*精美选择下拉框*/
/* form {
	color: #333; width:20%;
} */
form fieldset {
	margin: 0px 0;
}
.select_wrapper {
	background:url(../images/up.png) no-repeat top 5px right 12px;
	 -o-background-size: 20px 20px;
     -webkit-background-size: 20px 20px;
     height: inherit;
	height: 36px;
	cursor: pointer;
	position: relative; font-size:1.0em;
}
.select_wrapper:hover {
	background: url(../images/right.png) no-repeat top 5px right 12px;
	 -o-background-size: 20px 20px;
     -webkit-background-size: 20px 20px;
     height: inherit;
	 height: 36px;
}
.select_wrapper span {
	display: block;
	margin: 0 30px 0 0px;
}
.select_wrapper .select_inner {
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	color: #687278;
	display: none;
	position: absolute;
	left:0px;
	top: 0;
	width: 100%;
	z-index: 3;
	width:60%;
}
.select_wrapper .select_inner li {
	border-bottom: 1px solid #eee;
	padding: 2 5px; font-size:1.0em;
}
.select_wrapper .select_inner li:hover {
	background: #eee;
}
.select_wrapper .select_inner li:last-child {
	border: none;
	border-radius: 0 0 5px 5px;
}
.select_wrapper .select_inner li:first-child {
	border-radius: 5px 5px 0 0;
}


/*通话记录列表*/

.tab-list{ width:100%; background:#fff; margin-top:2.5%;}
.tab-list-list{ height:50px; border-bottom:1px solid #cfdcdf; line-height:50px;}
.tab-list-list li{ width:16.6%; float:left; text-align:center;color:#666; }
.tab-list-list li a{ text-align:center; color:#666;  width:100%; float:left;}
.tab-list-list li a:hover{ border-bottom:2px solid #009dfd; color:#01b2fe; text-align:center; width:100%; }

.tab-list-list li.hover{border-bottom:2px solid #009dfd; color:#01b2fe;float:left; text-align:center; width:16.6%;}
.tab-list-list li.hover a{color:#01b2fe;text-align:center;float:left; }
.tab-list-list li.hover a:hover{ color:#01b2fe;text-align:center;}


.call-records{ width:100%; float:left; background:#FFF;}
.call-1{ float:left; width:10%; margin:6% 0; text-align:center;}
.call-1 img{ width:40%; height:auto;}
.call-2{ float:left; width:50%; margin-top:3%;}
.call-2 li{ float:left; width:100%; padding:3% 0; font-size:1em; color:#333}
.call-2 span{ float:left; width:100%; padding:0% 0; font-size:0.8em; color:#a2a1a1;}
.call-3{ float:left; width:40%;margin-top:3%;}
.call-3 li{ float:left; width:100%; padding:3% 0; font-size:1em; color:#333; background:url(../images/outgray.png) left center no-repeat;
 -o-background-size: 20px 20px;
     -webkit-background-size: 20px 20px;
     height: inherit; text-indent:30px;}
.call-3 span{ float:left; width:100%; padding:0% 0; font-size:0.8em; color:#a2a1a1;}


.call-4{ float:left; width:10%;margin-top:6%;}
.call-4 img{ width:90%; height:auto;}

.call-2 li.red,.call-2 span.red,.call-3 li.red,.call-3 span.red{ color:#ff5f5a;}

.call-3 li.tu{background:url(../images/dontred.png) left center no-repeat;-o-background-size: 20px 20px;
     -webkit-background-size: 20px 20px;
     height: inherit; }
	 
/*来电提醒*/
.main2{ 
	  margin:0% auto; 
	  background:#fff;
}

.pd{ padding:0 0 5%;}
.main2 li{
	  width:94%; 
	  margin-left:3%;
	  padding:4% 0; 
	  color:#333; 
	  font-size:1.0em; text-indent:0px; border-bottom:1px solid #cfdcdf;
	  }
.main2 span{ 
			position:relative; 
			right:0px;
			float:right;
         }
.main2 p{font-size:0.8em; color:#666; padding-top:2%;}



/*套餐*/
			 
.main-6 p{ background:#eff4f7; font-size:0.8em; text-align:center; padding:5% 2.5% 0; line-height:150%; color:#a2a1a1;}
.main-7 p{ font-size:0.8em; text-align:center; padding:5% 0% 0; line-height:150%; color:#a2a1a1; float:left; width:100%;}


.newlist7{height:46px;}
.newlist7 ul { height:46px; line-height:44px; width:100%;font-size:1.05em; background:#fff; position:relative;  border-bottom:1px solid #cfdcdf;}
.newlist7 li{float:left; padding:0 0%; color:#666; width:30%; text-align:center; margin:0px 10%; }
.newlist7 li.hover{border-bottom:3px solid #00a1fd; color:#00a1fd; }
.main-6,.main-61{ 
	  background:#fff;float:left; width:100%; }
.main-6 li{
	  width:94%; 
	  margin-left:3%;
	  padding:0% 0 3%; 
	  color:#2b3b54; 
	  font-size:1.0em;
	  text-indent:0px; 
	  }
.main-6 span{ 
			position:relative; 
			right:0px;
			float:right; top:20px; color:#a2a1a1; font-size:0.9em;
         }
.main-6 li img{height:32px; width:auto; position:relative; top:5px; margin:2% 0 0;}
.font18{position:relative; top:-10px; font-style:normal; left:0px;}
.font19{position:relative; top:-3px; font-style:normal; left:10px;}


.main-7{ 
	  width:95%; margin-left:2.5%;  margin-top:2.5%; }
.main-7 ul{-webkit-border-radius:0.6em;
             -moz-border-radius:0.6em;
             border-radius: 0.6em; width:100%;background:#fff;float:left; }			 
.main-7 li{
	  width:94%; 
	  margin-left:3%;
	  padding:1% 0 2%; 
	  color:#2b3b54; 
	  font-size:1.0em;
	  text-indent:0px; 
	  }
.main-7 span{ 
			position:relative; 
			right:0px;
			float:right; top:18px; font-size:0.9em; color:#a2a1a1;
         }
.main-7 li img{height:42px; width:auto; position:relative; top:5px;}


/*新增样式v3.0 20181121*/
.main-i-bar{ float:left; width:25%; margin-top:2.5%; margin-bottom:2.5%;}
.main-i-bar li,.main-i-bar span{ float:left; width:100%; text-align:center;}
.main-i-bar li img{ width:30%; height:auto;}
.main_5 li{ line-height:3.2em;font-size:0.96em;}
.main_5 img{ width:5.5%; height:auto; margin:0 0.5em 0 0.2em; position:relative;top:5px;}

.input-search{ float:left; width:90%;text-indent:1em; background:none; font-size:1.0em;padding-top:0.45em;border-radius:5em; }
.main_6_bar{border-radius:5em; width:95%; margin:3% 2.5%; background:#eff4f7;height:2.2em; line-height:2.2em;}
.input-del{float:left; width:10%;}
.main_6{ margin:0% auto; background:#fff; float:left;width:100%;}
.main_6_bar span img{width:56%; height:auto; position:relative;top:0.35em;}
.problem{height:2.5em;}
.problem ul { height:2.5em; line-height:2.5em; width:100%;font-size:1.15em; background:#fff; position:relative;  border-bottom:1px solid #cfdcdf;}
.problem li{float:left; color:#666; width:33.3%; text-align:center;}
.problem li.hover{border-bottom:3px solid #00a1fd; color:#00a1fd; }
.question{background:#fff; float:left;width:100%; margin-top:0.6em; }
.question li{width:99%; padding-right:1%;height:3.5em; line-height:3.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#2b3b54; font-size:1.0em;text-indent:1em;}
.question dd{border:1px solid #cfdcdf; margin:0 5%; width:90%; padding:1em 0; color:#2b3b54; font-size:1.0em;text-indent:1em;}
.question span,.question i{ float:right; width:50%; margin-right:4%; padding-top:0.25em;}
.question span input{ border:none; background:none; text-align:right;  width:100%;}
.question i input{ border:none; background:#fff url(../images/right1.png) 100% center no-repeat;-o-background-size: 18px 18px;
     -webkit-background-size: 18px 18px;}
.main-i-que{ width:33.3%;text-align:center;float:left;margin:1em 0 0.5em; }
.main-i-que li,.main-i-que span{ float:left; width:100%; text-align:center; text-indent:0;}
.main-i-que li img{width:40%; height:auto;}
.content{ width:92%; margin:0px auto 0; background:#fff; padding:0 4%;}
.content>h4{ text-align:left; font-size:1.5em; padding:2% 0; font-weight:normal; color:1b1b1b;}
.content>h2{ text-align:left; font-size:1.0em; padding:2% 0; font-weight:normal;color:#959595;}
.content>ul{ line-height:180%; font-size:1.1em; margin-top:4%; color:#454545; padding-bottom:3%; }
.content>ul img{ width:100%; height:auto;}
.q_blue{ color:#01b2fe;}
.declare{ width:94%; margin:0 3%; padding:3% 0; float:left;}
.declare_left{ float:left; width:40%; padding:1.5% 0; border:1px solid #cfdcdf; margin-right:2%;border-radius:0.3em;}
.selec_dec{ width:100%;
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     -ms-appearance:none;
     background:url(../images/up1.png) 90% center no-repeat;
     -o-background-size: 18px 18px;
     -webkit-background-size: 18px 18px;
	 font-size:1.0em;
	 height:1.5em;
	 text-indent:0.5em;
	 border-radius:1em;
     -moz-border-radius:1em;
     -ms-border-radius:1em;
     -o-border-radius:1em;
	 }
.dec_input{ width:100%; text-indent:0.5em; height:1.5em;}
.dec_btn{ background:#00a0fd; width:100%; height:2.3em; color:#fff;border-radius:0.3em;}
.declare_right{ float:right; width:14%;}
.d_bar{float:left; width:100%; padding:2% 0; border-bottom:1px solid #cfdcdf;}
.d_bar_left{ float:left; width:50%; margin-left:2%}
.d_bar_left.w80{ width:88%; height:1.5em; font-size:0.95em; }
.d_bar_left li{ width:100%; float:left; padding:2% 0 0%; font-size:1.15em}
.d_bar_left span{ color:#999; font-size:0.95em; width:100%; float:left;}
.d_bar_center{ float:left; width:35%; margin-left:2%;}
.d_bar_center li{ width:100%; float:left; padding:2% 0 1%; font-size:1em; color:#ff7f00; text-align:right;}
.d_bar_center span{ color:#999; font-size:0.9em; width:100%; float:left;text-align:right}
.d_bar_right{ width:10%; float:right; margin:3% 0;text-align:center;}
.d_bar_right img{ width:50%;}
.btn_foot{position:fixed;bottom:0px;width:100%; padding:3% 0;z-index:999;display:block; background:#eff4f7;}
.foot_btn{position:fixed;bottom:0px;width:100%; padding:3% 0;z-index:999; background:#00a0fd; font-size:1.2em; text-align:center; color:#fff; overflow:hidden; display:block;}
.foot_btn1{background:#00a0fd;float:left; width:36%; margin-left:7%; padding:1.8% 0;font-size:1.05em;	 border-radius:3em;
     -moz-border-radius:3em;
     -ms-border-radius:3em;
     -o-border-radius:3em; color:#fff;border:1px solid #00a0fd}
.btn2{ background:none; color:#00a0fd; margin-left:11%}
.btn3{ width:84%; margin:0 8% 5%; line-height:2.5em; text-align:center; background:#00a0fd;border-radius:3em;
     -moz-border-radius:3em;
     -ms-border-radius:3em;
     -o-border-radius:3em; color:#fff;border:1px solid #00a0fd; font-size:1.1em;}
.btn4{ background:none; color:#00a0fd;}
.btn5{width:50%; margin:5% 25% 5%;}
.step_bar{ margin:0 4% 0 6%;width:90%;}
.step_bar_1{background:#00a0fd;height:2.9em; width:21%; border-radius:50%;border:1px solid #00a0fd; float: left;text-align: center; padding:1em 0; color:#fff; font-size:1em; margin:1em 0}
.step_bar_2{background:none;padding:8% 3%;float: left; width:10.3%;margin:1em 0}
.step_bar_3{background:#fff;height:2.9em; width:21%;padding:1em 0; border-radius:50%;border:1px solid #00a0fd; float: left;text-align: center; color:#00a0fd; font-size:1em;margin:1em 0}
.right18{width:18%; padding-right:0; position: absolute; right:0.8em;}
.right40{width:38%;}
.textare{height:8em; line-height:1.5em; -webkit-appearance: none; width: 100%;}
.ms{background:#fff; float:left;width:100%; margin-top:0.6em;padding-bottom:1em;}
.ms h2{ line-height:2.5em; margin:0 3%; width:94%; font-size:1.1em; padding-top:0.5em;}
.ms dl{ margin:0 3%; border:1px solid #cfdcdf;  letter-spacing:2em; padding:2%; border-radius:0.5em;}
.main-3 ul{ padding:3% 3%;}
.main-3 img{ width:5.5em; height:5.5em; margin:0 0.2em 0.5em 0;}
.main-61 li{
	  width:94%; 
	  margin-left:3%;
	  padding:0% 0 3%; 
	  color:#2b3b54; 
	  font-size:1.05em;
	  text-indent:0px;
	  background:url(../images/right1.png) right center no-repeat;
	  -o-background-size: 18px 18px;
      -webkit-background-size: 18px 18px;
	  }
.main-61 li img{height:30px; width:auto; position:relative; top:7px; margin:1% 0 0;}
.inv_bar{ margin:3% 3% 0; float:left; width:94%; background:#fff; border:1px solid #cfdcdf; }
.inv_bar ul{ width:100%; float:left; height:5em; display:block; overflow:hidden;}
.inv_bar_left{ float:left; width:33%; background:#d8ebf2; color:#01b2fe; font-size:1.3em; padding:10.5% 0; text-align:center;}
.inv_bar_right{ float:right; width:67%; background:#fff; color:#01b2fe; font-size:0.95em; padding:2% 0%}
.inv_f12{ font-size:0.95em; color:#959595; padding:6% 3% 2%;}
.inv_f13{ font-size:1.1em; text-align:right; color:#414141; padding-right:16%; background:url(../images/i_more.png) 95% center no-repeat;
	  -o-background-size: 13px 13px;
      -webkit-background-size: 13px 13px;}
.selec_d{ width:100%;
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     -ms-appearance:none;
     background:url(../images/up1.png) 95% center no-repeat;
     -o-background-size: 18px 18px;
     -webkit-background-size: 18px 18px;
	 font-size:1.0em;
	 height:2.2em;
	 text-indent:0.5em;
	 border:1px solid #cfdcdf;
	 width:55%;
	 }
.main_51{ padding:0% 0;}
.main_51 li{ padding:1% 0; font-size:1em;}
.main_51 img{ width:5.5%; height:auto; margin:0 0.5em 0 0.2em; position:relative;top:5px;}
.input_d{ width:91%; margin:0 4%; height:2.2em; border:1px solid #cfdcdf; text-indent:0.5em;}
.input_t{ width: 99%;
	height: 2.2em;
	border: 1px solid #cfdcdf;text-indent:0.5em;}
.tea_d{ width:87%; margin:0 4%; height:4em; overflow:auto;border:1px solid #cfdcdf;padding:3% 2%; }
.successful{ margin:20% auto 0; width:100%;text-align:center;}
.successful img{ width:22%; height:auto; }
.successful p{ font-size:1.2em; line-height:3em; padding-bottom:3%;}
.cp{background:url(../images/dcp.png) right top no-repeat;     
     -o-background-size: 60px 37px;
     -webkit-background-size: 60px 37px; z}
.cx{background:url(../images/bdh.png) right top no-repeat;     
     -o-background-size: 60px 37px;
     -webkit-background-size: 60px 37px;}


/*上传图片样式*/
.container {
            width: 100%;
            height:100%;
            /* overflow: auto; */
            clear: both;

        }
        
        .z_photo {
            /* overflow: auto; */
            clear: both;
            margin: 0 3%;
        }
        
        .z_photo img {
            width: 1.2rem;
            height: 1.2rem;
			margin-bottom:0rem
        }
        
        
        .zy_photo {
            /* overflow: auto; */
            clear: both;
            margin: 0 3%;
        }
        
        .zy_photo img {
            width: 1.2rem;
            height: 1.2rem;
			margin-bottom:0rem
        }
        
        
        .pt_photo {
           /*  overflow: auto; */
            clear: both;
            margin: 0 3%;
        }
        
        .pt_photo img {
            width: 1.2rem;
            height: 1.2rem;
			margin-bottom:0em;
        }
        
        
        .z_addImg {
            float: left;
            margin-right: 0.2rem;
        }
        
        .zy_addImg {
            float: left;
            margin-right: 0.2rem;
        }
        
        .pt_addImg {
            float: left;
            margin-right: 0.2rem;
            
        }
        
        .z_file {
            width: 1.2rem;
            height: 1.2rem;
            background: url(../images/add.png) no-repeat;
            background-size: 100% 100%;
            float: left;
            margin-right: 0.2rem;
			margin-bottom:0.2rem
        }
        
        .z_file input::-webkit-file-upload-button {
            width: 1rem;
            height: 1rem;
            border: none;
            position: absolute;
            outline: 0;
            opacity: 0;
			
        }
        
        .z_file input#file {
            display: 100px;
            width: auto;
            border: 0;
            vertical-align: middle;
        }
        
        
        
        
        .zy_file {
            width: 1.2rem;
            height: 1.2rem;
            background: url(../images/add.png) no-repeat;
            background-size: 100% 100%;
            float: left;
            margin-right: 0.2rem;
			margin-bottom:1em;
        }
        
        .zy_file input::-webkit-file-upload-button {
            width: 1rem;
            height: 1rem;
            border: none;
            position: absolute;
            outline: 0;
            opacity: 0;
			
        }
        
        .zy_file input#file {
            display:1.2rem;
            width: auto;
            border: 0;
            vertical-align: middle;
        }
        
        
        .pt_file {
            width: 1.2rem;
            height: 1.2rem;
            background: url(../images/add.png) no-repeat;
            background-size: 100% 100%;
            float: left;
            margin-right: 0.2em;
			margin-bottom:1em;
        }
        
        .pt_file input::-webkit-file-upload-button {
            width: 1rem;
            height: 1rem;
            border: none;
            position: absolute;
            outline: 0;
            opacity: 0;
			
        }
        
        .pt_file input#file {
            display: 100px;
            width: auto;
            border: 0;
            vertical-align: middle;
        }
        
        
        /*遮罩层*/
        
        .z_mask {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
            display: none;
        }
        .zy_mask {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
            display: none;
        }
        .pt_mask {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
            display: none;
        }
        
        .z_alert {
            width: 4.5rem;
            height: 2.32rem;
            border-radius: .2rem;
            background: #fff;
            font-size: .24rem;
            text-align: center;
            position: absolute;
            left: 39%;
            top: 50%;
            margin-left: -1.5rem;
            margin-top: -2rem;
        }
        
        .z_alert p:nth-child(1) {
            line-height: 1.5rem;
        }
        
        .z_alert p:nth-child(2) span {
            display: inline-block;
            width: 49%;
            height: .8rem;
            line-height: .8rem;
            float: left;
            border-top: 1px solid #ddd;
        }
        
        .z_cancel {
            border-right: 1px solid #ddd; 
        }
        .zy_cancel {
            border-right: 1px solid #ddd; 
        }
        .pt_cancel {
            border-right: 1px solid #ddd; 
        }
        
   .s_text{background:#eef3f6;text-align:center; padding-top:1em;}
   
   
   
   
   
   
   /*20190215新增样式*/
	.tabs{height:2.5em;background: #fff;width: 100%; border-bottom:1px solid #cfdcdf;}
	.tabs .part{display:block;float:left;width:33.3%;text-align:center;height: 2.5em;font-size:1.15em; background:#fff;}
	.tabs a{width:100%;display:block;color:#666;text-align:center;line-height:2.5em;text-decoration:none;}
	.tabs span.active a{color:#00a1fd;border-bottom: 3px solid #00a1fd;}
	.swiper-container{width:100%;border-top:0;margin-top:10px!important}
	.swiper-slide{width:100%;background:none;color:#373737;}
